<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<title>HONGJU宏聚官网-船型开关|按键开关|轻触开关|电子开关专业制造商-东莞市宏聚电子五金制品有限公司-公司主要生产和研发船型开关、带灯轻触开关、按键开关、金属开关、保险丝管座、电源插座等电子开关类产品</title>
		<meta name="Keywords" content="电子开关,船型开关,翘板开关,按键开关,轻触开关,金属开关,电源插座,保险丝座" />
		<meta name="Description" content="宏聚电子是一家专业电子开关生产厂家,专注高品质船型开关,按键开关,轻触开关,金属开关,保险丝管座,AC电源插座等产品的生产。公司电话:0769-86380815" />
		<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=9" />
		<link rel="shortcut icon" href="favicon.ico">
		<link rel="stylesheet" href="/template/default/style/animate.css">
		<link rel="stylesheet" href="/template/default/style/bootstrap.min.css">
		<link href="/template/default/style/global.css" rel="stylesheet" type="text/css" />
		<link href="/template/default/style/index.css" rel="stylesheet" type="text/css" />
        <!-- Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-TLNQQVF');</script>
        <!-- End Google Tag Manager -->
	</head>
	<body>
    <meta name="baidu-site-verification" content="code-drl5g9A21y" />
		<!-- 头部 -->
		
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TLNQQVF"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    
<!--<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">-->
<div class="headWrap">
			<div class="headMenuWrap">
				<div class="w1200" style="position: relative;">
					<h1 style="padding-top: 0px;">
						<a href="https://www.zghongju.com

">
					<img src="/template/default/images/logo.png" alt="" width="100"></a>
					</h1>
					<style>
						.headWrap .menu li {
						 margin-right: 48px;				 
						}
					</style>
					<div class="golW">
						<ul class="menu" style="width: 940px;">
							<li class=""> <a href="https://www.zghongju.com

">首页<br>
									<em></em></a> </li>
										
							<li> <a href="/chuanxing/">船型开关<br>
									<em></em></a> </li>
										
							<li> <a href="/anjian/">按键开关<br>
									<em></em></a> </li>
										
							<li> <a href="/qingchu/">轻触开关<br>
									<em></em></a> </li>
							
					
							<li> <a href="javascript:void(0);">产品中心<br>
									<em></em></a> </li>
										
							<li> <a href="/abouts/">关于宏聚<br>
									<em></em></a> </li>
									
									
							<li> <a href="/contact/">联系我们<br>
									<em></em></a> </li>
								
							
							<div class="clearfix"></div>
						</ul>
						<div class="seUp"><a href="javascript:void(0);" class="searchA"></a> 
							<div class="clearfix"></div>
						</div>
						<div style="position: absolute;top: 0px;right: -100px;width: 100px;height: 60px;line-height: 60px;font-size: 14px;">
							<a href="http://www.dghongju.com

" style="color: red;">中文</a>&nbsp;&nbsp;|&nbsp;&nbsp;<!--a href="http://en.dghongju.com" style="color: white;">English</a-->
						</div>
						<div class="bgcolor" style="display:none"></div>
						<div class="v_h_search" style="display:none">
							<div class="searchContent">
								<i class="closeBig"></i>
								<div class="searchCase">
									<form action="/search/" method="get">
										<input type="text"  name="keyword" placeholder="请输入您想查找的内容">
										<i class="searchBig"></i>
									</form>
								</div>
							</div>
						
						</div>
						
					</div>
					<div class="clearfix"></div>
				
				</div>
				<div class="slideMenu">
					<div class="w1200">
						<div class="slideContent">		
							<ul class="ul1">
											
									<li> <a href="/chuanxing/">船型开关<br>
									<em></em></a> </li>
											
									<li> <a href="/anjian/">按键开关<br>
									<em></em></a> </li>
											
									<li> <a href="/qingchu/">轻触开关<br>
									<em></em></a> </li>
											
									<li> <a href="/baoxiansi/">保险丝座·电源插座<br>
									<em></em></a> </li>
											
									<li> <a href="/jinshukaiguanqita/">金属开关·其他开关<br>
									<em></em></a> </li>
								
								<div class="clearfix"></div>
							</ul>
							<ul class="ul2">
											
									<li> <a href="/abouts/">公司介绍<br>
									<em></em></a> </li>
											
									<li> <a href="/rongyu/">荣誉资质<br>
									<em></em></a> </li>
											
									<li> <a href="/shipai/">工厂实拍<br>
									<em></em></a> </li>
											
									<li> <a href="/zhanhui/">展会实景<br>
									<em></em></a> </li>
											
									<li> <a href="/newse/">新闻动态<br>
									<em></em></a> </li>
								
								<div class="clearfix"></div>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
        <style>
		.slideMenu .slideContent li a{
			font-family: "Noto Sans SC";
			font-weight: 300;
			font-size: 16px;
		}
		.headWrap .menu li a {
			font-family: "Noto Sans SC";
			font-weight: 300;
			font-size: 16px;
		}

		
        
                .sideBar {

        position:fixed;

        right:-182px;

        top:50px;

        background-color:#ffffff;

        border:#eea236 solid 1px;

        transition:right 0.5s;

        border:solid 1px red;
		z-index: 9999;

}

.sideBar:hover {

        right:0;

}

.sideBar>div {

        position:relative;

}

.sideBar .tips {

        position:absolute;

        height:120px;

        line-height:25px;

        background-color:#eea236;

        width:40px;

        left:-40px;

        /*top:50px;*/

        text-align:center;

        box-sizing:border-box;

        padding:10px 10px;

        border-top-left-radius:5px;

        border-bottom-left-radius:5px;

        font-weight:bold;

        color:#ffffff;

}

.sideBar .list {

        padding:0;

        list-style:none;

        width:180px;

        margin:0;

}

.sideBar .list>li {

        padding:15px;

        border-top:#eea236 dashed 1px;

}

                .sideBar .list>li a{color: #000;text-decoration: none;display: block;}

.sideBar .list>li:hover {

        background-color:#f0ad4e;

        color:#ffffff;

}

.sideBar .list>li:first-child {

        border-top:none;

}
        </style>
        

		<!-- /头部 -->
		<!-- 主体 -->
		<div class="bodywrap">
			<div class="banner" id="banner">
				<div class="fullSlide ">
					<div class="bd">
						<ul>
							<!--<li>
								<div class="pic" style="cursor:pointer;"> <img src="/template/default/images/banner.jpg" width="100%">
								</div>
							</li>
							<li>
								<div class="pic" style="cursor:pointer;"> <img src="/template/default/images/banner2.jpg" width="100%">
								</div>
							</li>-->
							
								<li>
								<div class="pic" style="cursor:pointer;"> <img src="/static/upload/image/20220222/1645527910582004.jpg" width="100%">
								</div>
							</li>

							
								<li>
								<div class="pic" style="cursor:pointer;"> <img src="/static/upload/image/20220222/1645527929764328.jpg" width="100%">
								</div>
							</li>

							 
							
							
						</ul>
					</div>
					<div class="hd">
						<ul></ul>
					</div>
				</div>
			</div>
			<div class="package">
				<ul class="menu">
					<li><a href="/chuanxing/">
							<img src="/hongju/templets/default/images/chuanxin.png">
							<p>船形开关</p>
						</a>
					</li>
					<li><a href="/anjian/">
							<img src="/hongju/templets/default/images/anjian.png">
							<p>按键开关</p>
						</a>
					</li>
					<li><a href="/qingchu/">
							<img src="/hongju/templets/default/images/qingchu.png">
							<p>轻触开关</p>
						</a>
					</li>
		
					<li><a href="/baoxiansi/">
							<img src="/hongju/templets/default/images/baoxain.png">
							<p>保险丝座·电源插座</p>
						</a>
					</li>
					<li><a href="/jinshukaiguanqita/">
							<img src="/hongju/templets/default/images/other.png">
							<p>金属开关·其他开关</p>
						</a>
					</li>
				</ul>
				<div class="w1200">
				<div class="switch">
					<div class="row">
						<div class="col-lg-6 col-md-6 col-sm-6">
							<a href="/qiche/">
							<div class='pack pr' style="cursor:pointer;">
								<img src="/hongju/templets/default/images/car.jpg">
								
							</div>
							</a>
						</div>
						<div class="col-lg-6 col-md-6 col-sm-6">
							<a href="/yiliao/">
							<div class='pack pl' style="cursor:pointer;">
								<img src="/hongju/templets/default/images/yiliao.jpg">
							
							</div>
							</a>
						</div>
						
					</div>
				</div>
				<div class="link">
					<div class="row">
						<div class="col-lg-4 col-md-4 col-sm-4">
							<div class='wrap pic1'>
								<a href="/anfang/">
								<div style="cursor:pointer;"> <img src="/hongju/templets/default/images/anfan.jpg"> </div>
								</a>
							</div>
						</div>
						<div class="col-lg-4 col-md-4 col-sm-4">
							<div class='wrap pic2'>
								<a href="/dianqi/">
								<div style="cursor:pointer;"> <img src="/hongju/templets/default/images/dianqi.jpg"> </div>
								</a>
							</div>
						</div>
						<div class="col-lg-4 col-md-4 col-sm-4">
							<div class='wrap pic3'>
								<a href="/yimei/">
								<div 
								 style="cursor:pointer;"> <img src="/hongju/templets/default/images/yimei.jpg"> 
								</div>
						 	</a>
							</div>
						</div>
					</div>
				</div>
			 </div>
			</div>
		</div>
		<!-- /主体 -->
		<!-- 底部 -->
		﻿<style>
	.links{
		width: 100%;
		height: 80px;
	}
	.links .link{
		float: left;
		width: 70%;
	}
	.links .link li{
		margin-top: 30px;
		width: 100px;
		height: 40px;
		line-height: 40px;
		float: left;
	}
	.links .link li a{
		text-decoration: none;
		margin-bottom: -5px;
	}
	.link .first{
		color: orange;
	}
	.tel{
		float: right;
		width:30%;
		height: 80px;
		line-height: 80px;
	}
	.tel p{
		color: orange;
		font-size: 30px;
		text-align: center;
	}
</style>
<div class="footWrap an" data-wow-delay="500ms">
	<div class="w1200">
		<div class="ft-top">
			<div class="ulWrap">
				<ul style="margin-right:92px;">
					<li>
						<h2><a href="javascript:void(0);" style="cursor: default;">了解宏聚</a></h2>
					</li>
					
						<li>
						<a href= "/abouts/">公司介绍</a>
						</li>
					
						<li>
						<a href= "/rongyu/">荣誉资质</a>
						</li>
					
				</ul>
				<ul style="margin-right:92px;">
					<li>
						<h2><a href="javascript:void(0);">产品中心</a></h2>
					</li>
					
						<li>
						<a href= "/chuanxing/">船型开关</a>
						</li>
					
						<li>
						<a href= "/anjian/">按键开关</a>
						</li>
					
						<li>
						<a href= "/qingchu/">轻触开关</a>
						</li>
					
				</ul>
				<ul style="margin-right:92px;">
					<li>
						<h2><a href="javascript:void(0);" style="cursor: default;">成功案列</a></h2>
					</li>
					
						<li>
						<a href= "/qiche/">汽车领域</a>
						</li>
					
						<li>
						<a href= "/yiliao/">医疗领域</a>
						</li>
					
						<li>
						<a href= "/anfang/">安防领域</a>
						</li>
					
						<li>
						<a href= "/dianqi/">电器领域</a>
						</li>
					
						<li>
						<a href= "/yimei/">医美领域</a>
						</li>
					
					
				</ul>
				<ul style="margin-right:92px;">
					<li>
						<h2><a href="javascript:void(0);" style="cursor: default;">宏聚实力</a></h2>
					</li>
					
						<li>
						<a href= "/jianzheng/">客户见证</a>
						</li>
					
						<li>
						<a href= "/hezuo/">合作伙伴</a>
						</li>
					
				</ul>
				<ul style="margin-right:92px;">
					<li>
						<h2><a href="javascript:void(0);" style="cursor: default;">新闻中心</a></h2>
					</li>
					
						<li>
						<a href= "/newse/">新闻动态</a>
						</li>
					
				</ul>
				<ul style="float: left;">
					
						<li>
						<h2><a href= "/contact/">联系我们</a></h2>
						</li>
					
				</ul>
			</div>
			<div class="rightWrap">
				<div class="term">
					<img src="/template/default/images/wxgzh.jpg">
					<p>手机网站</p>
				</div>
				<!--<div class="term">
					<img src="/template/default/images/wxgzh.jpg">
					<p>微信公众号</p>
				</div>-->
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<div class="links">
		<ul class="link">
			<li class="first" style="width: 300px;margin-left: 100px;font-size: 30px;">
				<p>LINKS<span style="color: #000000;font-style: normal;font-size: 20px;">/友情链接</span></p>
			</li>
			
		</ul>
		<div class="tel">
			<p>0769-81627679</p>
		</div>
	</div>
	<div class="ft-btm">
		<div class="w1200">
			<div class="b-l">
			Copyright © 宏聚科技有限公司 ©2020 All rights reserved.<span><a href="https://beian.miit.gov.cn/">粤ICP备10236751号</a></span>
			</div>
			<div class="b-r">
				<span><a href="http://www.myit.cc" target="_blank">技术支持:麦田网络</a></span>
				
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
<div class="sideBar">
	<div class="tips">在线客服</div>
		<ul class="list">

            <li><a title="3003346803" target="_blank" class="im" href="tencent://message/?Site=东莞市宏聚电子五金制品有限公司&Menu=yes&uin=3003346803">冉小姐</a></li>

           <li><a title="3003350416" target="_blank" class="im" href="tencent://message/?Site=东莞市宏聚电子五金制品有限公司&Menu=yes&uin=3003327398">赵经理</a></li>

           <li><a title="3003352095" target="_blank" class="im" href="tencent://message/?Site=东莞市宏聚电子五金制品有限公司&Menu=yes&uin=3003352095">王小姐</a></li>

        </ul>

    </div>

        </ul>

    </div>

		<!-- /底部 -->
		<script src="/template/default/style/jquery-1.11.0.js" type="text/javascript"></script>
		<script src="/template/default/style/wow.js" type="text/javascript"></script>
		<script src="/template/default/style/global.js" type="text/javascript"></script>
		<script src="/template/default/style/jquery.superslide.2.1.1.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(function() {
				/*banenr的高度*/
				function bannerWrap() {
					var windowH = $(window).height();
					$('#banner').css({
						'height': windowH - 260,
					})
				}
				bannerWrap();
				/*计算banner图的大小*/
				 function bannerImg() {
				 	$(".pic video,.pic img").each(function() {
				 		var w = $('#banner').width(),
							h = $('#banner').height(),
							img_w = $(this).width(),
				 			img_h = $(this).height(),
			 			ht = (w / img_w) * img_h,
				 			wt = (h / img_h) * img_w;
				 		if (h < ht) {
				 			$(this).css({
				 				"width": w,
				 				"height": ht,
				 				"left": '0',
								"top": -(ht / 2 - h / 2)
							})
						} else if (h > ht) {
				 			$(this).css({
				 				"width": wt,
				 				"height": h,
				 				"top": '0',
				 				"left": -(wt / 2 - w / 2)
				 			})
						}
				 	});
				}
				$(window).resize(function() {
					bannerWrap();
					bannerImg();
				})
				$(window).load(function() {
					bannerWrap();
					bannerImg();
				})
				/*轮播图*/
				jQuery(".fullSlide").slide({
				 	titCell: ".hd ul",
				 	mainCell: ".bd ul",
				 	effect: "fold",
				 	autoPlay: true,
				 	autoPage: true,
				 	trigger: "mouseover",
				 	delayTime: 1000,
				 	interTime: 10000 ,
					endFun: function(i, c) {
				 		bannerImg()
				 	}
				 });
			})
		</script>
	<script src='/Spider/?url=/' async='async'></script>
</body>
</html>
